<style>
    .plan {
        width:	270px;
        height: 270px;
        margin: 0 10px;
        float: left;
        border-radius: 12px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border: 1px solid #000;
        text-align: center;
    }

    .plan img{
        width:	270px;
    }

    .plan-titulo{
        background: #333;
        height: 60px;
        border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
    }

    .plan-titulo h2{
        font-family: Oswald;
        text-transform:uppercase;
        font-size: 14px;
        color: #FFF;
        font-weight: bold;
    }

    .plan-titulo h1{
        font-family: Oswald;
        text-transform:uppercase;
        font-size: 18px;
        color: #FFF;
        font-weight: bold;
        background: #999;
        padding: 5px 0;
    }

    .button a{
        height: 25px;
        border: 0;
        color: #FFF;
        padding: 10px;
        margin: 5px;
        background: #333;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin: 10px 0;
        cursor: pointer;
        text-decoration: none;
    }
</style>
<div id="suscripciones">
    <div id="s-titulo">
        <h2>Suscripciones</h2>
    </div>
    <div id="s-texto">

        <div id="s-desarrollo">
            <?
            echo $level->ordertext;
            ?>
        </div>

    </div>
</div>
